<template>
  <div class="check-button" :class="{checked:currentIschecked}" @click="checkClick">
    <img src="@/assets/img/cart/tick.svg" alt="">
  </div>
</template>
<script>
export default {
  name:'CheckButton',
  props:{
    ischecked:{
      type:Boolean,
      default:false,
    }
 },
 data() {
   return {
     currentIschecked:this.ischecked,
   }
 },
  methods: {
    checkClick(){
    this.currentIschecked=!this.currentIschecked;

    }
  },

}
</script>
<style scoped>
.check-button{
  border-radius: 50%;
  border:1px solid #ccc;
}
.checked{
  background-color: pink;
  border:1px solid pink;

}
</style>